Comparison
The biggest difference between Hyper Fetch and other libraries is the opinionated architecture and assumptions on
which it is built. Hyper Fetch’s core features are written in TS without dependencies; because of this, it can work
in many environments without a specific connection to a given framework.
Hyper Fetch is not just a wrapper; it offers full control over the flow and observation of data exchange. Our main goals were to introduce:
- a data storage standard,
- offer an embedded HTTP client,
- reduce setup times,
- solve major architectural difficulties.
info
Producing an accurate and unbiased comparison is quite a challenge. Libraries develop quickly, so if you notice that our data needs to be corrected, please let us know by opening an issue.
Why Hyper Fetch Is Unique
- Easy upload/download progress and ETA tracking
- Supports request queueing and many dispatching strategies!
- Command / Builder pattern gives you amazing control over requests at any time
- Code-sharing architecture lets [testers to hook into development setup and types](/documentation/01-Getting Started/Testing.mdx)
- Features flat side-effects helper hooks annotation and promotes readable code
- Provides structure [recipes](/documentation/01-Getting Started/Development.mdx#structure) for large scale applications that significantly limit maintenance costs.
- Core features include offline and persistence support, giving you full control over your data
Features
✅ - Documented support
🚧 - Work in progress
🔵 - Require additional Plugin/Coding
🔴 - Not supported / Not documented
| Hyper Fetch | Query | SWR | Apollo | |
|---|---|---|---|---|
| Supported environments | Any | Any | React | Any |
| Protocols | Any | Any | Any | GraphQL |
| Caching Approach | Command Schema | Hierarchical Key > Value | Unique Key > Value | Normalized Schema |
| Cache Key Strategy | Command Key | JSON | JSON | GraphQL Query |
| Data Change Detection | Deep Comparison | Deep Comparison | Deep Comparison | Deep Comparison |
| Data Memoization | Normalized Identity | Full Structural Sharing | Identity | Normalized Identity |
| Queue Key Strategy | Command Key | N/A | N/A | N/A |
| Devtools | ✅ | ✅ | 🔵 | ✅ |
| Server Connection Setup ℹ️ | ✅ | 🔵 | 🔵 | ✅ |
| Shared Command ℹ️ | ✅ | 🔵 | 🔵 | ✅ |
| Dependency tracking ℹ️ | ✅ | ✅ | ✅ | ✅ |
| Cache Persistence | ✅ | ✅ | ✅ | ✅ |
| Requests Persistence ℹ️ | ✅ | 🔴 | 🔴 | 🔴 |
| Download ETA ℹ️ | ✅ | 🔵 | 🔵 | 🔵 |
| Uploading ETA ℹ️ | ✅ | 🔵 | 🔵 | 🔵 |
| Pooling ℹ️ | ✅ | ✅ | ✅ | ✅ |
| Dependent Queries ℹ️ | ✅ | ✅ | ✅ | ✅ |
| Paginated Queries | ✅ | ✅ | ✅ | ✅ |
| Query Params Parsing ℹ️ | ✅ | 🔵 | 🔵 | 🔵 |
| Queueing ℹ️ | ✅ | 🔴 | 🔴 | 🔴 |
| Retries ℹ️ | ✅ | ✅ | ✅ | 🔵 |
| Default Client ℹ️ | ✅ | 🔴 | 🔴 | ✅ |
| Infinite Queries ℹ️ | ✅ | ✅ | ✅ | ✅ |
| SSR ℹ️ | ✅ | ✅ | ✅ | ✅ |
| Initial Data ℹ️ | ✅ | ✅ | ✅ | ✅ |
| Cache Hydration ℹ️ | ✅ | ✅ | 🔴 | ✅ |
| Garbage Collecting ℹ️ | ✅ | ✅ | 🔴 | 🔴 |
| Pre Request Intercepting ℹ️ | ✅ | 🔵 | 🔵 | ✅ |
| Post Request Intercepting ℹ️ | ✅ | 🔵 | 🔵 | ✅ |
| Prefetching ℹ️ | ✅ | ✅ | 🔵 | ✅ |
| Cancellation ℹ️ | ✅ | ✅ | 🔴 | 🔴 |
| Queue Cancellation ℹ️ | ✅ | 🔴 | 🔴 | 🔴 |
| Authentication ℹ️ | ✅ | 🔵 | 🔵 | ✅ |
| Stale While Revalidate ℹ️ | ✅ | ✅ | ✅ | ✅ |
| Refresh Data | ✅ | ✅ | ✅ | ✅ |
| Offline Request Pause ℹ️ | ✅ | ✅ | 🔴 | 🔴 |
| Network Status Re-fetching ℹ️ | ✅ | ✅ | ✅ | ✅ |
| Window Focus Re-fetching ℹ️ | ✅ | ✅ | ✅ | 🔴 |
| Normalized Caching ℹ️ | ✅ | 🔴 | 🔴 | ✅ |
| Automatic Re-fetch After Mutation ℹ️ | ✅ | 🔵 | 🔵 | ✅ |
| Query Matching ℹ️ | ✅ | ✅ | 🔴 | 🔴 |
| Cache Matching ℹ️ | ✅ | ✅ | ✅ | ✅ |
| Query Lifecycle Events ℹ️ | ✅ | 🔴 | 🔴 | ✅ |
| Data Flow Standard ℹ️ | ✅ | 🔴 | 🔴 | ✅ |
| Request Start/Stop ℹ️ | ✅ | 🔴 | 🔴 | 🔴 |
| Request Queue Start/Stop/Pause ℹ️ | ✅ | 🔴 | 🔴 | 🔴 |
| Request Data Mapping ℹ️ | ✅ | 🔵 | 🔵 | N/A |
| Cache Invalidation ℹ️ | ✅ | ✅ | ✅ | ✅ |
| File Uploading ℹ️ | ✅ | 🔵 | 🔵 | ✅ |
| Global Response Side-Effects ℹ️ | ✅ | 🔴 | 🔴 | 🔴 |
| Scroll Recovery ℹ️ | ✅ | ✅ | ✅ | ✅ |
| Simple Command Execution ℹ️ | ✅ | 🔴 | 🔴 | 🔴 |
| Requests Manager ℹ️ | ✅ | 🔴 | 🔴 | 🔴 |
| Tabs Storages Synchronization ℹ️ | 🚧 | 🚧 | 🔴 | 🔴 |
| Tabs Dispatching Synchronization ℹ️ | 🚧 | 🔴 | 🔴 | 🔴 |
| Websocket ℹ️ | ✅ | 🔴 | 🔴 | 🔴 |
| Server Sent Events ℹ️ | ✅ | 🔴 | 🔴 | 🔴 |